 /*reset */
html { color: #111; background: #fff }
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote , p { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { *font-size: 100% }

/* clear both */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; display: inline-block; _height: 1px }
*html .clearfix { height: 1% }
*+html .clearfix { height: 1% }
.clearfix { display: block }

/* for webkit */
textarea { resize: none }
input[type=text]:focus,
input[type=password]:focus,
textarea:focus { outline: 0 }

/* outer frame */
html,body {height:100%;}
body { font: 12px Tahoma, Geneva, sans-serif;background: #eee; text-align: center; color:#555; }
#toolbar {height:35px;position: fixed; top:0; left: 0;z-index: 1; width: 100%; text-align: center;}
#toolbar .inner {width: 960px; margin: 0 auto; padding: 5px 0; position: relative;z-index:1; text-align: left;overflow: hidden; zoom:1;}
#toolbar .set-type { float: left;}
#toolbar .set-page { float: right;}
#toolbar .set-type a { display: inline-block;padding: 5px;}
#toolbar .set-type .on { color:#fff;}
#toolbar .sd {width:100%;height: 35px; background: #000; opacity: .5; position: absolute; top:0; left: 0; z-index:0;}


#doc { padding-top: 40px;}
#doc.t1 { font-size: 14px;}
#doc.t2 { font-size: 16px;}
.pagebox { width: 40em; padding:0 2em; line-height: 1.5em; border: 1px #ccc solid; text-align: left; margin: 0 auto 10px; background:#fff url(img/bg.png) repeat;}
.pagebox .page-hd { height: 2em; text-align: right; font-size: 12px; color:#ccc; line-height: 2em;}
.pagebox .page-bd { width: 40em; position: relative; overflow: hidden;}
.notie .pagebox .page-bd {height: 45em;}
.pagebox .page-bd h1,
.pagebox .page-bd h2,
.pagebox .page-bd h3,
.pagebox .page-bd h4,
.pagebox .page-bd h5,
.pagebox .page-bd h6 { font-weight: bold;}
.pagebox .page-bd pre.code {
	font-family:Monaco;
}
.pagebox .page-bd blockquote {
	color:#777;
}
.pagebox .page-bd .imgleft {float: left; margin-right: 1em;}
.pagebox .page-bd .imgleft {float: right; margin-left:1em;}
.pagebox .page-bd .imgnormal {}
.pagebox .page-ft { height: 2em;}

#nav {width:160px; position: fixed; right: 10px; top:100px;}
#nav li { float: left;}
#nav li a { width:22px;padding: 5px; float: left; margin: 0 5px 5px 0; border: 1px #ccc solid;}

#nav li a.on { background: #ddd;}

